
@model CustomerMembershipModel
@using SpotsHub.Gateway.Models.Customer;

<p>Current Membership Status: <span class="account-membership">@Html.Raw(Model.CurrentMembership == null ? "Regular membership" : Model.CurrentMembership.Name)</span></p>
<h3>Subscribe / Renew Your Membership</h3>
@if (Model.CurrentMembership != null)
{
    <p>Expiry Date: @Model.ExpireDate (@Model.ExpireDays days)</p>
}
@if (Model.MembershipOptions.Count > 0)
{
    <form id="membership-product-form" name="membership-product-form" method="post">
        @foreach (var membership in Model.MembershipOptions)
        {
            @Html.RadioButtonFor(m => m.SelectedMembershipOptionId, membership.Id, false)
            <span>@membership.Name &nbsp;</span><span>Valid for @membership.Duration days</span><br />
        }
    </form>
}
@if (Model.CurrentMembership == null)
{ 
    <h3>Your benefits:</h3>
    <ul>
        <li>FREE Shipping within SpotsHUB Express coverage city</li>
        <li>Club member pricing</li>
        <li>Special promotion benefits</li>

    </ul>
}
else
{
    <ul>
        <li>$4.99 per month or $29.99 per year</li>
        <li>FREE Shipping within SpotsHUB Express coverage city</li>
        <li>Club member pricing</li>
        <li>Special promotion benefits</li>
    </ul>
}
<div class="signup-terms">
    <h3>Terms of Use</h3>
    <ol>
        <li>I have read and accept the <a target="_blank" href="@Url.RouteUrl("Topic", new { SystemName = "TermsOfUse" })">Terms and Conditions</a> and <a target="_blank" href="/privacy-policy">Privacy Policy</a></li>
        <li>I have reached the age of majority in the province in which I reside</li>
        <li>I understand that the information I provide will be collected, processed and stored by SpotsHUB, located in Coquitlam, British Columbia, Canada</li>
        <li>I provide my express consent to receive electronic communications from SpotsHUB (including its employees and affiliates) and I understand that I can withdraw my consent at any time by sending an email to <a href="mailto:info@spotshub.com">info@spotshub.com</a></li>
    </ol>
    @Html.CheckBoxFor(model => model.TermsAccepted)
    <strong>I accept the Terms of Use.</strong>
</div>
<input type="button" class="btn btn-normal purchase-membership" value="Purchase Membership" />